Ext.onReady(function() {
	new Ext.Viewport({
		layout : 'border',
		frame : true,
		border : false,
		items : [ {
			region : 'north',
			border : false,
			xtype : 'fwpanel',
			height : 60
		}, {
			layout : 'border',
			border : false,
			xtype : 'fwpanel',
			region : 'center',
			border : 'false',
			tbar : function(){
				var buts = [];
				for(var i = 0;i<App.injury.Menus.length;i++){
					buts.push('-');
					buts.push({
						mid : App.injury.Menus[i].id,
						pressed: i === 0,
						text : App.injury.Menus[i].text,
						iconCls:App.injury.Menus[i].tags.iconCls,
						handler : function(){
							if(!this.pressed){
								this.toggle(true);
								var myMid = this.mid;
								this.ownerCt.items.each(function(n){
									if(n.mid && myMid != n.mid){
										 n.toggle(false);
									}
								});
							   var menuPanel = this.ownerCt.ownerCt.getComponent(1);
							   menuPanel.setTitle(this.text);
							   menuPanel.setIconClass(this.iconCls);
							   for(var i = 0;i<App.injury.Menus.length;i++){
								   if(App.injury.Menus[i].id == this.mid){
									   menuPanel.getComponent(0).setRootNode(App.injury.Menus[i]);
								   }
							   }
						   
							}
						}
					});
				}
				buts.push('-');
				return buts;
			}(),
			items : [ {
				xtype : 'fwtabpanel',
				region : 'center',
				leftBorder : true,
				border : false,
				activeTab : 0,
				enableTabScroll : true,
				defaults : {
					autoScroll : true
				},
				addTabPage : function(model) {
					var tabPage = this.findById(model.id);
					if (tabPage) {
						this.setActiveTab(tabPage);
					} else {
						var component = eval('(' + model.componentName + ')');
						this.setActiveTab(this.add({
							title : model.title,
							id : model.id,
							iconCls : 'tabItem',
							border : false,
							closable : true,
							items : new component(),
							layout : 'fit'
						}));
					}

				},
				items : [ {
					title : '首页',
					layout : 'fit',
					iconCls : 'home_page',
					closable : false
				} ]
			}, {
				xtype : 'fwpanel',
				border : false,
				region : 'west',
				width : 180,
				collapsible : true,
				split : true,
				title : App.injury.Menus[0].text,
				iconCls:App.injury.Menus[0].tags.iconCls,
				layout : 'border',
				items : [ {
					region : 'center',
					useArrows : true,
					border : false,
					xtype : 'fwtree',
					rightBorder : true,
					root : App.injury.Menus[0],
					listeners : {
						click : function(node) {
							var tabPage = this.ownerCt.previousSibling();
							var componentName = node.attributes.tags.componentName;
							if (componentName) {
								tabPage.addTabPage({
									id:node.id,
									componentName : componentName,
									title:node.text
								});
							}
						}
					}
				}, {
					region : 'south',
					collapsible : true,
					title : '历史记录',
					iconCls : 'history',
					height : 250
				} ]
			} ]

		} ]
	});
});